<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="lib/echarts.min.js"></script>
  <script src="theme/test.js"></script>
</head>
<body>
  <div style="width: 600px;height: 400px"></div>
  <script>
    var mCharts = echarts.init(document.querySelector('div'), 'test') // 主题调色盘
    var pieData = [
      { name: '淘宝', value: '13431' },
      { name: '天猫', value: '6589' },
      { name: '京东', value: '26989' },
      { name: '唯品会', value: '5469' },
      { name: '小红书', value: '10697' },
    ]
    var option = {
      color: ['red', 'green', 'blue', 'skyblue'], // 全局调色盘
      series: [
        {
          type: 'pie',
          data: pieData,
          color: ['pink', 'orange', 'yellow', 'pink', 'skyblue'] // 局部调色盘
        }
      ]
    }
    mCharts.setOption(option)
  </script>
</body>
</html>